<template>
  <div class="feedback">
    <a-result v-bind="$props"></a-result>
  </div>
</template>
<script>
import { Result } from 'ant-design-vue'
export default {
  name: 'Feedback',
  props: {
    ...Result.props,
  },
  components: {
    [Result.name]: Result
  },
  data() {
    return {}
  },
}
</script>
<style lang="less" scoped>
@import '../styles/vars.less';

/deep/ .ant-result-title {
  color: @text-color;
}

/deep/ .ant-result-subtitle {
  color: @text-color;
}

.feedback {
  height: 100%;
  background-color: @dark-color;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>